<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>我的校园</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/materialize.min.css" />
		<link rel="stylesheet" href="css/my.css" />
	</head>
	
	<body>
		<!--轮播图开始-->
		<div id="carousel-example-generic" class="carousel slide zss_lbt" data-ride="carousel" style="height: auto;">
			<div class="carousel-inner" role="listbox" style="position: relative;">
				<div class="item active">
					<img src="img/2.jpg" style="width: 100%;" alt="...">
				</div>
				<div class="item" style="width: 100%;">
					<img src="img/3.jpg" style="width: 100%;" alt="...">
				</div>
			</div>
		</div>
		<!--轮播图结束-->
		<!--内容部分开始-->

		<!--功能图标开始-->
		<div class="card-panel grey lighten-5" style="padding: 10px 0px;">
			<div class="row zss_gnbox" style="margin: 0px;" id="zss_app1">
				<zss-icon v-for="(item,index) in items" :todo="item" :key="index"></zss-icon>
			</div>

			<div class="row" style="margin: 0px;" id="zss_app2">
				<zss-icon v-for="(item,index) in items" :todo="item" :key="index"></zss-icon>
			</div>
		</div>
		<!--功能图标结束-->

		<!--校园新闻开始-->
		<div class="card-panel grey lighten-5">
			<div class="zss_title">
				校园新闻
			</div>
			<div class="zss_text" id="zss_appnews">
				<div class="zss_newsbox">
					<zss-news v-for="(item,index) in items" :todo="item" :key="index"></zss-news>
				</div>
			</div>
		</div>
		<!--校园新闻结束-->

		<!--内容部分结束-->
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="js/vue.js"></script>
		<script type="text/javascript" src="js/materialize.min.js" ></script>
		<script src="js/my.js"></script>
	</body>
	

</html>

